﻿@section css{
    <style type="text/css">
        .fit {
            width: 100%;
            height: 100%;
        }

        .border {
        }

            .border tr td {
                border: solid 1px #aaa;
            }
    </style>
}
<div class="mini-fit">
    <div class="fit">
        <div class="mini-toolbar" style="width: auto">
            <table style="width: 100%;" class="border">
                <tr style="width: 100%">
                    <td style="width: 10%">
                        <input class="mini-combobox" id="querytype" textfield="text" valuefield="id" allowinput="true" value="1"
                            data="querytype" style="width: 100%" />
                    </td>
                    <td style="width: 10%">
                        <input class="mini-textbox" id="querytypename" style="width: 100%" />
                    </td>
                    <td style="width: 5%;">
                        <span style="vertical-align: middle">删除原因</span>
                    </td>
                    <td style="width: auto">
                        <input class="mini-textbox" id="deletereason" style="width: 100%" />
                    </td>
                </tr>
            </table>
        </div>
        <div id="orderMain" class="mini-datagrid" style="width: 100%; height: 55%" frozenstartcolumn="0" frozenendcolumn="5"
            allowcelledit="true" allowcellselect="true" multiselect="false" pagesize="20">
            <div property="columns">
                <div type="checkcolumn"></div>
                <div field="TicketNum" headeralign="center">票号</div>
                <div field="GoodsNum" headeralign="center">货号</div>
                <div field="ManualNo" headeralign="center">手工单号</div>
                <div field="TicketCreatePlaceName" headeralign="center">开票地点</div>
                <div field="DestinationName" headeralign="center">目的地</div>
                <div field="DeliveryCash" headeralign="center">货到付款</div>
                <div field="CollectionGoodCash" headeralign="center">代收货款</div>
                <div field="DeliveryFee" headeralign="center">货到付费用</div>
                <div field="AccountsReceivable" headeralign="center">应收费用</div>
                <div field="Issued" headeralign="center">已收费用</div>
                <div field="PaidGoodFee" headeralign="center">垫付货款</div>
                <div field="PaidFreight" headeralign="center">代收运费</div>
                <div field="GoodsCnt" headeralign="center">件数</div>
                <div field="TicketCreateDate" headeralign="center" dateformat="yyyy-MM-dd">开票日期</div>
            </div>
        </div>
        <div style="width: 100%; height: 30%" @*class="mini-fit"*@>
            <div id="orderDetails" class="mini-datagrid" style="width: 100%; height: 100%" frozenstartcolumn="0" frozenendcolumn="1"
                allowcelledit="true" allowcellselect="true" multiselect="false" showpager="false">
                <div property="columns">
                    <div field="TicketNum" headeralign="center">票号</div>
                    <div field="GoodsName" headeralign="center">货物名称</div>
                    <div field="PackageStyleName" headeralign="center">包装样式</div>
                    <div field="Quantity" headeralign="center">件数</div>
                    <div field="Price" headeralign="center">单价</div>
                    <div field="FeightFee" headeralign="center">运费</div>
                    <div field="Weight" headeralign="center">重量</div>
                    <div field="Long" headeralign="center">长</div>
                    <div field="Width" headeralign="center">宽</div>
                    <div field="Height" headeralign="center">高</div>
                    <div field="Volume" headeralign="center">体积</div>
                </div>
            </div>
        </div>
        <div class="mini-fit">
            <table style="width: 100%; text-align: center; vertical-align: bottom">
                <tr>
                    <td style="width: 33%">&nbsp;&nbsp;&nbsp;</td>
                    <td>
                        <a class="mini-button" iconcls="icon-remove" onclick="remove">删除(D)</a>&nbsp;&nbsp;&nbsp;
                        <a class="mini-button" iconcls="icon-cancel" onclick="exit">退出(X)</a>
                    </td>
                    <td style="width: 33%; text-align: right">
                        <span style="border: solid 1px #aaa;">注:输入票号,货号或手工单号后敲回车</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </td>
                </tr>
            </table>
        </div>
    </div>
</div>
<script type="text/javascript">
    var querytype = [{ id: 1, text: "票号" }, { id: 2, text: "货号" }, { id: 3, text: "订单号" }];

    mini.parse();

    document.onkeydown = keydown;

    function keydown(e) {
        e = e || event;
        var keycode;
        if (window.ActiveXObject) {
            keycode = e.keyCode; //IE
        } else {
            keycode = e.which;//Firefox
        }
        switch (keycode) {
            case 68: { if (event.altKey) { event.returnValue = false; remove() }; break; }//D
            case 88: { if (event.altKey) { event.returnValue = false; exit(); } break; }//X
            default: break;
        }
    }

    function remove() {
    }

    function exit() {
        window.CloseOwnerWindow();
    }

</script>
